﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="setFace.aspx.cs" Inherits="setFace" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>足迹团队联盟</title>
<link href="/css/common.css"   type="text/css" rel="Stylesheet"/>   
<link href="/css/main.css" type="text/css" rel="Stylesheet"/>
    <script type="text/javascript" src="/js/jquery1.3.2.min.js"></script>  
    <script src="/js/jquery.easydrag.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/CutPic.js"></script>
    <script type="text/javascript">
        function Step1() {
            $("#Step2Container").hide();
        }
        function Step2() {
            $("#CurruntPicContainer").hide();
        }
        function Step3() {
            $("#Step2Container").hide();
        }
    </script>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #D9E6FA;
}
.STYLE1 {color: #FFFFFF}
.STYLE2 {color: #5F5fC6}
.STYLE3 {font-size: 12px}
.STYLE4 {font-size: 12px; color: #5F8CC5; }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.STYLE5 {
	color: #5F8CC5;
	font-weight: bold;
}
    .style1
    {
        height: 19px;
    }
    .style2
    {
        width: 812px;
    }
            .txt_ing
{
	width:160px;
	height:20px;	
	line-height:20px;
	border:1px solid #999999;	
	background-color:White;	
	padding:0;
	margin-top:4px;
	
	margin-left:8px;
}
.btn_green
        {
            background: transparent url(/images/btn_green.gif) no-repeat scroll left center;
            color: White;
            display: block;
            float: left;
            font-size: 14px;
            font-weight: bold;
            margin-top: 2px;
            margin-left: 6px;
            padding: 8px 0;
            text-align: center;
            text-decoration: none;
            width: 72px;
            margin-top: 2px;
            border: none;
        }
    -->
</style><link href="/css/common.css" rel="stylesheet" type="text/css" />
    <link href="/css/dialog.css" rel="stylesheet" type="text/css" />
    <link href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
   
    <form id="form1" runat="server">
    <div class="header " id="headtitle">
        <div class="h_content l_h30 size14">
            <span class=" b graycolor">Wozuji.com</span> <span class=" mgn30"><a href="/group/hudong.aspx">
                活动</a></span><span class=" mgn30"><a href="/user/share.aspx">分享</a></span><span class="l_h30 mgn30"
                    style="width: 220px" id="processbar"> &nbsp;</span><span class=" mgn540 w120" id="topprofile">欢迎您<asp:HyperLink 
                ID="username" runat="server" NavigateUrl="/user/usermain.aspx">[username]</asp:HyperLink>
            <a
                        href="/user/userlogin.aspx"></a></span><span class="mgn30"><a href="/user/usrlogout.aspx">退出</a></span></div>
    </div>
    
    <div class=" w1000 d_an_cen h76 v_b " id="logobar">
        <div class=" w160 f_l" style="height: 66px;">
            <a href="http://www.wozuji.com">
                <img class="bd0" src="/images/i_logo.png" /></a></a></div>
        <div class=" w530 mgn15 f_l h40 m_top20 bg_F7F7EF">
            <span class=" mgn15 l_h40"><a href="/">首页</a></span><span class=" mgn15 l_h40"><a
                href="/trip/main.aspx">线路&攻略</a></span><span class=" mgn15 l_h40"><a href="/user/share.aspx">游记分享</a></span><span
                    class=" mgn15 l_h40"><a href="/group/jieban.aspx">结伴行</a></span><span class=" mgn15 l_h40"><a
                        href="/group/huodong.aspx">活动</a></span><span class=" mgn15 l_h40"><a href="/user/mycity.aspx">同城</a></span><span
                            id="pagealert"></span>
        </div>
        <div class="m_top20 h40 bg_F7F7EF f_l" style="background-image: url('/images/searchbg.gif');
            background-position: center; background-repeat: no-repeat; width: 300px; vertical-align: baseline;
            line-height: 32px;">
            <input id="searchinput" style="margin-left: 8px; width: 250px; background: transparent;
                border: 0px; vertical-align: bottom; color: Gray" title="成员、组群、活动、分享" oninit="searchinit()"
                onblur="searchblur();" onfocus="removequote();" value="成员、组群、活动、分享" />
            <input class="m_r" style="width: 28px; background: transparent; border: 0px; height: 28px;
                cursor: pointer" type="submit" value="  " />
        </div>
    </div>
    <table width="1000" border="0" align="center" cellspacing="0" cellpadding="0" style="margin-top:10px;">
  <tr>
    <td width="166px" height="262" valign="top"><table width="166" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="background-image:url(/images/menutop.png); background-repeat:no-repeat" height="10px"></td>
      </tr>
      <tr>
        <td valign="top" style="background-image:url(/images/menubg.png); background-repeat:repeat-y;"><table width="166" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td rowspan="9" width="18">&nbsp;</td>
            <td colspan="3" style="border-bottom: 1px solid #CCCCCC" height="26px"><span class="STYLE5">
                个人菜单</span></td>
            <td rowspan="9" width="10">&nbsp;</td>
          </tr>
          <tr>
            <td width="16" valign="bottom"><img src="/images/p_profile.gif" width="14" height="14" /></td>
            <td valign="bottom" class="STYLE4" height="22"><a href="/user/setprofile.aspx">个人资料</a></td>
            <td width="30" valign="bottom" class="STYLE4"><a href="/user/setprofile.aspx">编辑</a></td>
          </tr>
          <tr>
            <td width="16" valign="bottom"><img src="/images/i_updates.png" width="14" height="14" /></td>
            <td valign="bottom" class="STYLE4" height="22"><a href="/groups/default.aspx">我的组群</a></td>
            <td width="30" valign="bottom" class="STYLE4">&nbsp;</td>
          </tr>
          <tr>
            <td width="16" valign="bottom"><img src="/images/roster_icon.gif" width="12" height="12" /></td>
            <td valign="bottom" class="STYLE4" height="22"><a href="/groups/infocenter.aspx">最近动态</a></td>
            <td width="30" valign="bottom" class="STYLE4">&nbsp;</td>
          </tr>
          <tr>
            <td width="16" valign="bottom"><span class="STYLE4"><img src="/images/addteam.png" width="14" height="14" /></span></td>
            <td valign="bottom" class="STYLE4" height="22"><a href="/groups/creategroups.aspx">创建组群</a></td>
            <td width="30" valign="bottom" class="STYLE4">查找</td>
          </tr>
          <tr>
            <td valign="bottom"><img src="/images/p_scrap.gif" width="14" height="14" /></td>
            <td valign="bottom" class="STYLE4" height="22"><a href="/user/note.aspx">日志</a></td>
            <td valign="bottom" class="STYLE4"><a href="/user/writenote.aspx">发表</a></td>
          </tr>
          <tr>
            <td valign="bottom"><img src="/images/p_camera.gif" width="14" height="14" /></td>
            <td valign="bottom" class="STYLE4" height="22"><a href="/user/photo.aspx">照片</a></td>
            <td valign="bottom" class="STYLE4">上传</td>
          </tr>
          <tr>
            <td valign="bottom"><img src="/images/ico_match2.gif" width="18" height="16" /></td>
            <td valign="bottom" class="STYLE4" height="22"><a href="/user/myfriend.aspx">好友</a></td>
            <td valign="bottom" class="STYLE4"><a href="/user/findmyfriend.aspx">查找</a></td>
          </tr>
          
          <tr>
            <td valign="bottom">&nbsp;</td>
            <td valign="bottom">&nbsp;</td>
            <td valign="bottom">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top" style="background-image:url(/images/menubg.png); background-repeat:repeat-y;">
          <br></td></tr>
      <tr>
        <td style="background-image:url(/images/menubottom.png); background-repeat:no-repeat" height="9"></td>
      </tr>
    </table></td>
    <td width="10px">&nbsp;</td>
    <td valign="top">
        <table align="left" cellpadding="0" cellspacing="0" width="812px">
            <tr>
                <td width="559" >&nbsp;</td>
    <td valign="top">
        <table align="left" cellpadding="0" cellspacing="0" width="812px">
            <tr>
                <td >
                    
<table width="812" cellpadding="0" cellspacing="0" style="margin-top: 0px">
        
        <tr><td  style=" background-image:url('/images/split/bigtop.png'); background-repeat:no-repeat; height:4px;">
            
                </td></tr>
        
        <tr><td  style=" background-color:#FFFFFF">
            
                &nbsp;&nbsp;
            
                <asp:SiteMapPath ID="SiteMapPath1" runat="server" Font-Size="12px" >
                </asp:SiteMapPath>
            
           </td></tr>
        <tr><td  style=" background-color:#FFFFFF">
            
                &nbsp;</td></tr>
        </table>
                   </td>
            </tr>
            <tr>
                <td style="background-color:#FFFFFF">
                
                    <table class="style2">
                        <tr>
                            <td width="130px" valign="top"><br>
                <br>
                                <table class="style3" cellpadding="0" cellspacing="0" style="font-size: 12px;" align="center">
                    <tr>
                        <td colspan="2" align="center" class="photocontainerStatic">
                            <asp:ImageButton ID="face" runat="server" Width="120px" Height="120px" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: center; line-height: 20px">
                            <a href="/user/setFace.aspx">修改头像</a>
                        </td>
                        <td style="text-align: center">
                            <a href="/user/setprofile.aspx">个人资料</a>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: center; line-height: 20px">
                            <a href="/user/accountset.aspx">账户设置</a>
                        </td>
                        <td style="text-align: center">
                            <a href="/user/private.aspx">隐私设置</a>
                        </td>
                    </tr>
                </table>
                            </td>
                            <td width="20px">
                                &nbsp;</td>
                            <td valign="top">
                                <div class="tabs_header">
<ul class="tabs">
<li ><a href="/user/setprofile.aspx"><span>基本信息</span></a></li>
<li><a href="/user/contractinfo.aspx"><span>联系方式</span></a></li>
<li class="active"><a href="/user/setface.aspx"><span>修改头像</span></a></li>
<li><a href="/user/private.aspx"><span>隐私设置</span></a></li>
<li><a href="/user/changepassword.aspx"><span>修改密码</span></a></li>
</ul>
</div>  
                                <div>
     <div class="left">
         <!--当前照片-->
         <div id="CurruntPicContainer">
            <div class="title"><b>当前照片</b></div>
            <div class="photocontainer">
                <asp:Image ID="imgphoto" runat="server" ImageUrl="/images/man.GIF" />
            </div>
         </div>
         <!--Step 2-->
         <div id="Step2Container">
           <div class="title"><b> 裁切头像照片</b></div>
           <div class="uploadtooltip">您可以拖动照片以裁剪满意的头像</div>   
            <div id="Canvas" class="uploaddiv">
                                        <table id="Crop" cellpadding="0" cellspacing="0" border="0" > 
                                        <tr> 
                                                <td style="height: 73px" colspan="3" class="Overlay"></td> 
                                        </tr> 
                                        <tr> 
                                                <td style="width: 82px" class="Overlay"></td> 
                                                <td style="width: 120px; height: 120px; border-width: 1px; border-style: solid; border-color: white;"></td> 
                                                <td style="width: 82px" class="Overlay"></td> 
                                        </tr> 
                                        <tr> 
                                                <td style="height: 73px" colspan="3" class="Overlay"></td> 
                                        </tr> 
                                        </table> 
                                        <div style="position:relative;top:0px;left:0px;" id="IconContainer"> 
                                            <asp:Image ID="ImageIcon" runat="server" ImageUrl="/images/blank.jpg" CssClass="imagePhoto" ToolTip=""/>                                         
                                        </div> 
                   </div>                            
                    <div class="uploaddiv">
                       <table>
                            <tr>
                                <td id="Min">
                                        <img alt="缩小" src="/images/_c.gif" onmouseover="this.src='/images/_c.gif';" onmouseout="this.src='/images/_h.gif';" id="moresmall" class="smallbig" />
                                </td>
                                <td>
                                    <div id="bar">
                                        <div id="barchild" class="child">
                                        </div>
                                    </div>
                                </td>
                                <td id="Max">
                                        <img alt="放大" src="/image/c.gif" onmouseover="this.src='/images/c.gif';" onmouseout="this.src='/images/h.gif';" id="morebig" class="smallbig" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="uploaddiv">
                        <asp:Button ID="btn_Image" runat="server" Text="保存头像" OnClick="btn_Image_Click" 
                            CssClass="btn_green" />
                    </div>           
                    <div style="display:none">
                    图片实际宽度： <asp:TextBox ID="txt_width" runat="server" Text="1" ></asp:TextBox><br />
                    图片实际高度： <asp:TextBox ID="txt_height" runat="server" Text="1" ></asp:TextBox><br />
                    距离顶部： <asp:TextBox ID="txt_top" runat="server"  Text="82"></asp:TextBox><br />
                    距离左边： <asp:TextBox ID="txt_left" runat="server" Text="73"></asp:TextBox><br />
                    截取框的宽：<asp:TextBox ID="txt_DropWidth" runat="server"  Text="120"></asp:TextBox><br />
                    截取框的高：<asp:TextBox ID="txt_DropHeight" runat="server" Text="120"></asp:TextBox><br />
                    放大倍数： <asp:TextBox ID="txt_Zoom" runat="server" ></asp:TextBox>
                   </div>
         </div>
     </div>
     <div class="right">
         <!--Step 1-->
         <div id="Step1Container">
            <div class="title"><b>更换照片</b></div>
            <div id="uploadcontainer">
                <div class="uploadtooltip">请选择新的照片文件，文件需小于2.5MB</div>
                <div class="uploaddiv"><asp:FileUpload ID="fuPhoto"  runat="server" ToolTip="选择照片"/></div>
                <div class="uploaddiv"><asp:Button ID="btnUpload" runat="server" Text="上 传" 
                        onclick="btnUpload_Click" CssClass="btn_green" /></div>
            </div>
         
         </div>
     </div>
    </div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td style=" background-image:url('/images/split/bigbottom.png'); background-repeat:no-repeat; height:4px ">
                    </td>
            </tr>
            </table>
        
        
      </td>
  </tr>
</table>

    </td>
  </tr>
</table>
 <div class="  l_h25 fontsize12 d_an_cen" style="width: 1000px; clear: both; margin-top: 50px;
                    border-top: 1px dotted #DDDDDD">
                    <div style="width: 300px; text-align: left; color: Gray" class="f_l">
                        © 2005－2010 wozuji.com, all rights reserved
                    </div>
                    <div class="f_l" style="text-align: right; width: 700px;">
                        <span class=" mgn20"><a href="/aboutus.html">关于我们</a></span> <span class=" mgn20"><a
                            href="/contractme.html">联系我们</a></span> <span class="mgn20"><a href="/feekback.aspx">
                                意见反馈</a></span> <span class="mgn20"><a href="/demo.html">帮助中心</a></span>
                        <span class="mgn20">©2008-2010 wozuji.com</span> <span class="mgn20"><a href="http://www.miibeian.gov.cn/">
                            赣ICP备10002820号</a> </span><span class="mgn20"><a href="/policyagreement.aspx">条款隐私</a></span></div>
                </div>
</form>
</body>
</html>
